@media (min-width: 1025px) {
	.form-main .cont_wrap .le .play-w .play-b img{
		transition: all 0.3s ease 0s;
	}
	.form-main .cont_wrap .le .play-w .play-b:hover img{
		transform:translateY(2px); 
	}
	.header-wrap .head_nav .ri_search .search-box{
		transition: all 0.3s ease 0s;
	}
	.header-wrap .head_nav .ri_search .search-box:hover{
		border: 2px solid rgba(255,255,255,0.5);
	}
	.header-wrap .head_nav .share-box .up{
		transition: all 0.3s ease 0s;
	}
	.header-wrap .head_nav .share-box .up:hover{
		transform:translateY(1px); 
	}
	.in-banner .banner-swiper .swiper-slide .more:hover{
		background: #fff;
		color: #222;
	}
	.in-info .le .more:hover{
		background: #fff;
		color: #222;
	}
	.in-info .ri_img li .show_t .img img{
		transition: all 0.3s ease 0.1s;
	}
	.in-info .ri_img li .show_t:hover .img img{
		transform: scale(1.05);
	}
	.in-info .member_info .img{
		overflow: hidden;
	}
	.in-info .member_info .img img{
		transition: all 0.3s ease 0s;
	}
	.in-info .member_info .img:hover img{
		transform: scale(1.05);
	}
	.in-info .member_info .con .more:hover{
		background: #fff;
		color: #222;	
	}
	.in-team .con .more:hover{
		background: #fff;
		color: #222;
	}
	.in-case .imgcase-swiper .btn-w a:hover{
		background: #fff;
		color: #222;
	}
	.in-zhanlan .zl_tab span{
		transition: all 0.3s ease 0s;
	}
	.in-zhanlan .zl_tab span:hover{
		color: #fff;
	}
	.in-contact .top .le .sub{
		transition: all 0.3s ease 0s;
	}
	.in-contact .top .le .sub:hover{
		transform:translateY(1px); 
	}
	.list.agent li .show-img .more{
		transition: all 0.3s ease 0s;
	}
	.list.agent li .show-img .more:hover{
		background: #fff;
		color: #222;
	}
	.ad-item1 .back:hover{
		background: #fff;
	}
	.ad-item1 .back:hover a{
		color: #222;
	}	
	.case-main .list li .con .more:hover{
		background: #fff;
		color: #222;
	}
	.list.design li .con .more:hover{
		background: #fff;
		color: #222;
	}
	.service-main .video-wrap .video-box img{
		transition: all 0.3s ease 0s;
	}
	.service-main .video-wrap .video-box img:hover{
		top: 51%;
	}
	.den-wrap .info_top .scroll-down i{
		transition: all 0.3s ease 0s;
	}
	.den-wrap .info_top .scroll-down:hover i{
		transform:translateY(1px); 
	}
	.ad-form.cade .prolist .swiper-slide .img{
		overflow: hidden;
	}
	.ad-form.cade .prolist .swiper-slide .img:hover img{
		transform: scale(1.05);
	}
	.ad-form.cade .prolist .swiper-slide .img img{
		transition: all 0.3s ease 0s;
	}

	.input-b{
		transition: all 0.3s ease 0s;
	}
	.input-b:hover{
		transform:translateY(1px); 
	}
	.back-c{
		transition: all 0.3s ease 0s;
	}
	.show-de.space .le .proimg .pic{
		overflow: hidden;
	}
	.show-de.space .le .proimg .pic img{
		transition: all 0.3s ease 0s;
	}
	.show-de.space .le .proimg .pic:hover img{
		transform: scale(1.05);
	}
	.dialog .action{
		transition: all 0.3s ease 0s;
	}
	.dialog .action:hover{
		transform:rotateZ(45deg); 
	}
	.in-banner .banner-swiper .swiper-slide .con{
		transition: all 0.3s ease 0s;
	}
	.in-banner .banner-swiper .swiper-slide:hover .con{
		transform:translateY(5px); 
	}
	.test_code{
		cursor: pointer;
		text-align: center;
	}
	.test_code img{
		transform: translateY(0)!important; 
	}
	/*--------------*/

	.show_pic .back-c{
		transition: all 0.5s ease 0s;
		box-shadow: 0 0 20px rgba(71,53,47,.8);
		-animation: moveover1 8s linear  0s infinite;
		transform-style: preserve-3d;
	}
	.show_pic .img{
		transform-style: preserve-3d;
		transition: all 0.5s ease 0.2s;
		box-shadow: 0 0 20px rgba(71,53,47,.8);
		-animation: moveover1 8s linear 2s infinite;
	}
	.show_pic:hover .back-c{
		transform: translate3d(-1.5%,1.5%, 0px) rotate(0deg);
		animation: width 0.7s ease 0s both;
	}
	.show_pic:hover .img{
		-animation: width 0.7s ease 0s both;
	}
	
	@keyframes width {
		0% {
			width: 0%;
		}
		
		100% {
			width: 100%;
		}
	}
	@keyframes moveover1 {
		0% {
			transform: translate3d(0px,0%, 0px) rotate(0deg);
		}
		25% {
			transform: translate3d(0.5%,0.5%, 0px) rotate(0deg);
		}
		50% {
			transform: translate3d(1%,1%, 0px) rotate(0deg);
		}
		75% {
			transform: translate3d(0.5%,0.5%, 0px) rotate(0deg);
		}
		100% {
			transform: translate3d(0px,0%, 0px) rotate(0deg);
		}
	}
	@keyframes moveover2 {
		0% {
			transform:translate(0px,0px); 
		}
		25% {
			transform:translate(-1%,-1%); 
		}
		50% {
			transform:translate(-1%,1%); 
		}
		75% {
			transform:translate(1%,1%); 
		}
		100% {
			transform:translate(0px,0px); 
		}
	}

}




@media(max-width: 767px){
	.show_pic .back-c{
		box-shadow: 0 0 10px rgba(71,53,47,.8);
	}
	.show_pic .img{
		box-shadow: 0 0 10px rgba(71,53,47,.8);
	}
}